<template>
	<view style="padding-top: 30rpx;">
		<view class="walletlist flex-between" v-for="(item,index) in list" :key="index" @click="$fun.jump(`./Incomedetail?dtype=${item.id}&typename=${item.name}`)">
			<view class="walletlist_left">
				<view class="text">{{item.name}}</view>
				<view class="">1,288.02</view>
			</view>
			<view class="walletlist_right">明细</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{name:'销售收益',id:1},
					{name:'分红收益',id:2},
					{name:'节点收益',id:3},
					{name:'积分',id:4}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.walletlist{
	width: 690rpx;
	height: 150rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	margin: 0 auto 30rpx;
	padding: 28rpx;
	box-sizing: border-box;
	&_left{
		font-weight: 500;
		font-size: 44rpx;
		color: #333333;
		.text{
			font-weight: 500;
			font-size: 28rpx;
			color: #999999;
		}
	}
	&_right{
		width: 120rpx;
		height: 56rpx;
		background: #FFFFFF;
		border-radius: 48rpx;
		border: 2rpx solid #9999FF;
		font-weight: 500;
		font-size: 28rpx;
		color: #9999FF;
		line-height: 56rpx;
		text-align: center;
	}
}
</style>
